/*
 * 可复用的公有布局 - 公用的css
 */

 .df{
     display: flex;
 }
 .rel{
    position: relative;
}
.abs{
   position: absolute;
}
.tac{
   text-align: center;
}
.warp{
   width: 90%;
   margin: auto;
}
.flex{
   flex: 1;
}
.dpf{
   display: flex;
}
.fdc{
   flex-direction: column;
}

